$foo: (
  'foo': 'bar',
  'bar': (
    'foo': 'bze'
  )
);

.parent {
  &__child {
    p::first-line {
      content: '';
    }
  }
}

.foo,
.bar {
  content: 'bar';

    content: 'baz';
content: 'bar';

  @include breakpoint(500) {
    content: 'baz';
  content: 'qux';
  }

  @include mixin-extra {
    content: 'baz';
    content: 'qux';
  }

  @include mixin-empty-args() {
    content: 'baz';
    content: 'qux';
  }

    .qux {
      content: 'bar';
    }

  @if (1 == 1) {
    content: 'foo';
  }
}

@mixin bar {
    content: 'bar';
	content: 'baz';
}

.color {
  color: rgba(255, 255, 255, 0.3);
}

$colors: (
  base: (
    red: #fff,
    blue: #fff
  ),
  text: (
    default: #fff,
    light: (
      brap: #987
    ),
    not: (
      test: #fff
    )
  )
);

.multilineprops {
  background: transparent linear-gradient(
    to bottom,
      #ff0000 0%,
    #00ff00 40%,
    #0000ff 40%
  );
}

.multilineprops-extra {
  background: transparent linear-gradient(to bottom, #ff0000 0%, #00ff00 40%, #0000ff 40%);
}

// Top-level mixin
@include hello(
  $foo,
  $bar,
  $baz
);

.foo {
  // Nested Mixin
  @include hello(
    $foo,
    $bar,
    $baz
  );

  // CSS built-in function
  background: transparent linear-gradient(
    to bottom,
    #ff0000 0%,
    #00ff00 40%,
    #0000ff 40%
  );

  // User-defined function
  content: goodbye(
    $foo,
    $bar
  );
}

@function cp($target, $container) {
  @return calc-percent($target, $container);
}

// Issue #426 - Unexpected indenting enforcement on multiline rules
@mixin hidpi-background-image($filename, $background-size: 'mixed', $extension: png) {
  background-image: url('../images/#{$filename}.#{$extension}');
  @if ($background-size != 'mixed') {
    background-size: $background-size;
  }
  @media (min--moz-device-pixel-ratio: 1.3),
    (-o-min-device-pixel-ratio: 2.6/2),
    (-webkit-min-device-pixel-ratio: 1.3),
      (min-device-pixel-ratio: 1.3),
    (min-resolution: 1.3dppx) {
      background-image: url('../images/#{$filename}@2x.#{$extension}');
        color: red;
    }
}

@media (max-width: 800px), (max-height: 600px) {
  #unit {
    margin: 16px;
  }
}

@media (max-width: 800px), (max-height: 600px) {
    #unit {
      margin: 16px;
    }
}

// Issue #783 and issue #779 - at-rule throws off indentation of maps etc

@import 'echo-base/defaults/breakpoints';

$textsizes: (
  xs: (
    s: 10px,
    m: 10px
  ),
  s: (
    s: 12px,
      m: 13px
  ),
);

@function em($pixels, $context: $font-size-base) {
  @return #{($pixels / $context)}rem;
}

$textsizes: (
  xs: (
    s: 10px,
      m: 10px
  ),
  s: (
    s: 12px,
    m: 13px
  ),
);
